<%@page import="java.net.URLDecoder"%>
<%@page import="domein.*"%>
<%@page import="utilities.DateHelper" %>
<%@page import="javax.swing.*"%>
<%@page import="java.util.Map.*"%>
<%@page import="java.util.Calendar"%>
<%@page import="java.util.Date"%>

<%
String pageTitel = "Parkeerplaats reserveren"; //pagina titel wordt getoond in header.jsp
String typeFilter = request.getParameter("filter");
String vanTextboxValue = "";
String vanTijdTextboxValue = "";
String totTextboxValue = "";
String totTijdTextboxValue = "";
Calendar van = Calendar.getInstance();
Calendar tot = Calendar.getInstance();
String error = request.getParameter("error");
if(request.getParameter("van") == null || request.getParameter("tot") == null || request.getParameter("van-tijd") == null || request.getParameter("tot-tijd") == null){
	//geen filter opties voor datum, vul standaard datum range en placeholders in van morgen tot overmorgen
	van.add(Calendar.DAY_OF_YEAR, 1);
	tot.add(Calendar.DAY_OF_YEAR, 2);
	vanTextboxValue = "placeholder='"+DateHelper.converteerDatumNaarString(van) +"'";
	vanTijdTextboxValue = "placeholder='"+DateHelper.converteerTijdNaarString(van) +"'";
	totTextboxValue = "placeholder='"+DateHelper.converteerDatumNaarString(tot) +"'";
	totTijdTextboxValue = "placeholder='"+DateHelper.converteerTijdNaarString(tot) +"'";
}else{
	try{
		van = DateHelper.converteerStringNaarDatum(request.getParameter("van"), request.getParameter("van-tijd"));
		tot = DateHelper.converteerStringNaarDatum(request.getParameter("tot"), request.getParameter("tot-tijd"));
	}catch(IllegalArgumentException e){
		//fout bij het omzetten van de datum en tijd
		if(error == null){
			error = e.toString();
		}
	}
	//vul ingevulde waardes terug in de text boxes
	vanTextboxValue = "value='"+DateHelper.converteerDatumNaarString(van) +"'";
	vanTijdTextboxValue = "value='"+DateHelper.converteerTijdNaarString(tot) +"'";
	totTextboxValue = "value='"+DateHelper.converteerDatumNaarString(tot) +"'";
	totTijdTextboxValue = "value='"+DateHelper.converteerTijdNaarString(tot) +"'";
}

%>
<!-- include header -->
<%@ include file="../skelet/header.jsp"%>

<!-- begin content -->
<div class="span12">
	<%
		
		if (error != null && !error.isEmpty()) {
	%>
	<div class="alert alert-error">
		<%
			out.println(URLDecoder.decode(error, "UTF-8") + "<br/>");
		%>
	</div>
	<%
		}
	%>

	<%
					if (request.getParameter("succesvolres") != null
							&& request.getParameter("succesvolres").equals("1")) {
				%>
	<div class="alert alert-success">
		<%
						out.println("De parkeerplaats is succesvol gereserveerd.");
					%>
	</div>
	<%
					}
				%>
	<h1>Parkeren</h1>
	<div class="row-fluid">
		<div class="span12 well">		
			<form action="${pageContext.request.contextPath}/klant/parkeerplaats-reserveren.jsp" method="get" class="form-inline">	
				<h6>Filter</h6>			  				
  				<div class="formele">
    				<label for="filter">Type:</label>
      					<select name="filter">
							<option value="auto">Auto</option>
							<option value="bus">Bus</option>
							<option value="vrachtauto">Vrachtauto</option>
						</select> Filter op type parkeerplaats
				</div>
				<div style="clear:both"></div>  
       					<div class="formele">
      					<label for="van">Van:</label>      					
       					<input type="text" name="van" class="input-medium" <%=vanTextboxValue%>/> (dd-mm-yyyy)
       					</div>    			
       					<div class="formele">	
      					<label for="van-tijd">Tijd:</label>      					
       					<input type="text" name="van-tijd" class="input-small" <%=vanTijdTextboxValue%>/> (hh:mm)
       					</div>
      					<div style="clear:both"></div>  				    		
      					<div class="formele">
      					<label for="tot">Tot:</label>      					
       					<input type="text" name="tot" class="input-medium" <%=totTextboxValue%>/> (dd-mm-yyyy)
       					</div>
       					<div class="formele">
      					<label for="tot-tijd">Tijd:</label>      					
       					<input type="text" name="tot-tijd" class="input-small" <%=totTijdTextboxValue%>/> (hh:mm)
       					</div> 
       					<div style="clear:both"></div>  	 					  			
  				<button type="submit" class="btn">Filter</button>
    				<a href="${pageContext.request.contextPath}/klant/parkeerplaats-reserveren.jsp" class="btn">Verwijder
					Filter</a>		
			</form>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span12 well">
		<form action="${pageContext.request.contextPath}/klant/Reserveer.do" method="get">
			<h6>Beschrikbare parkeerplaatsen</h6>
				<table class="table table-striped">
				<thead>
					<tr>
						<td>Selecteer</td>
						<td>Parkeerplaats</td>
						<td>Parkeerplaats Type</td>
						<td>Prijs per uur</td>					
					</tr>
				</thead>
				<tbody>
				<% 
				for (Entry<String, ParkeerPlaats> p : ParkeerTerrein.getBeschikbareParkeerplaatsen(typeFilter, van, tot).entrySet()) {
				%>			
					<tr>
						<td>
							<input name="parkeerplaats" type="radio" value="<%=p.getKey()%>"/> 
						</td>
						<td><%=p.getKey()%></td>
						<td><%=p.getValue().getType()%></td>
						<td><%=p.getValue().getPrijs()%></td>															
					</tr>
				<%
				}
				%>
				</tbody>
			</table>			
			<div style="clear:both">
			</div>  
       					<div class="formele">
      					<label for="van">Van:</label>      					
       					<input type="text" name="van" class="input-medium" /> (dd-mm-yyyy)
       					</div>    			
       					<div class="formele">	
      					<label for="van-tijd">Tijd:</label>      					
       					<input type="text" name="van-tijd" class="input-small" /> (hh:mm)
       					</div>
      					<div style="clear:both"></div>  				    		
      					<div class="formele">
      					<label for="tot">Tot:</label>      					
       					<input type="text" name="tot" class="input-medium" /> (dd-mm-yyyy)
       					</div>
       					<div class="formele">
      					<label for="tot-tijd">Tijd:</label>      					
       					<input type="text" name="tot-tijd" class="input-small" /> (hh:mm)
       					</div> 
       					<div style="clear:both"></div>  	 						
			<button type="submit" class="btn">Reserveer</button>
		</form>
		</div>
	</div>
</div>
<!-- eind content -->

<!-- include footer -->
<%@ include file="../skelet/footer.jsp"%>
